<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="UTF-8"></meta>
		<title>角色查询</title>
		<link rel="stylesheet" th:href="@{/plugins/layui/css/layui.css}" media="all" />
		<link rel="stylesheet" th:href="@{/css/global.css}" media="all"/>
		<link rel="stylesheet" th:href="@{/plugins/font-awesome/css/font-awesome.min.css}"/>
		<link rel="stylesheet" th:href="@{/css/table.css}" />
		<script th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
	</head>

	<body>
            <div class="admin-main">
            
            <blockquote class="layui-elem-quote" >	
				<form class="layui-form" action="">

				
				<div class="layui-inline">
						<label class="layui-form-label">交易状态：</label>
                        
						<div class="layui-inline">
                            <select id="tradingStatus" lay-verify="status"
								 name="tradingStatus">   
                                <option value="" >全部</option>  
                                <option value="1" >成功</option>  
                                <option value="2" >失败</option>
                            </select>
						</div>
				</div>		
				<div class="layui-inline">	
						<label class="layui-form-label">交易类型：</label>
						<div class="layui-inline">
	                        <select id="tradeType" lay-verify="type"
									  name="tradeType">   
				               <option value="">全部</option>  
				               <option value="1" >银行转入</option>
				               <option value="2" >活期取现(小额) </option>
				               <option value="4" >定期转活期</option>
				               <option value="5" >活期转定期</option>
				               <option value="6" >活期利息</option>
				               <option value="7" >定期利息</option>
				               <option value="8" >定期转活期利息</option>
				               <option value="9" >活期取现(大额)</option>
				               <option value="10" >内部发放</option>
				               <option value="11" >内部调账提现</option>
				               <option value="12" >内部调账充值</option>
				               <option value="13" >差错调整</option>
				               <option value="14" >支付货款</option>
				               <option value="15" >固定期限购买</option>
				               <option value="16" >固定期限到期本金</option>
				               <option value="17" >固定期限利息</option>
			              </select>
						</div>
					</div>
			
        
                
                    <div class="layui-inline">
						<label class="layui-form-label">产品名称：</label>
						<div class="layui-inline">
							<input type="text" id="prodName" name="prodName" lay-verify="title"
								autocomplete="off" class="layui-input"/>
						</div>
					</div>
					
					&nbsp;&nbsp;&nbsp;<a href="#" style="color:blue" onclick="showmore();"> <span id="showorhide">展开查询条件 </span>&nbsp;&nbsp;<i id="iconid" class="layui-icon layui-icon-down" style="font-size: 10px; color: blue;"></i></a>
                    &nbsp;&nbsp;&nbsp;<a href="javascript:;"  class="layui-btn" id="search" onclick="searchDetails()">
							<i class="layui-icon">&#xe615;</i> 搜索
						</a>
					<hr></hr>
                    <div id="morecondition" style="display:none">
                    <div class="layui-inline">
						<label class="layui-form-label">企业名称：</label>
						<div class="layui-inline">
							<input type="text" id="enterpriseName" name="enterpriseName" lay-verify="title"
								autocomplete="off" class="layui-input"/>
						</div>
					</div>
                    
                    <div class="layui-inline">
						<label class="layui-form-label">卡号：</label>
						<div class="layui-inline">
							<input type="text" id="bankCardNbr" name="bankCardNbr" lay-verify="title"
								autocomplete="off" class="layui-input"/>
						</div>
					</div>
                    
                    <div class="layui-inline">
						<label class="layui-form-label">开始日期：</label>
						<div class="layui-inline">
							<input type="text" placeholder="yyyy-MM-dd" id="tradeDateBegin" name="tradeDateBegin" lay-verify="title"
								autocomplete="off" class="layui-input"/>
						</div>
					</div>
                    <div class="layui-inline">
						<label class="layui-form-label">结束日期：</label>
						<div class="layui-inline">
							<input type="text" placeholder="yyyy-MM-dd" id="tradeDateEnd" name="tradeDateEnd" lay-verify="title"
								autocomplete="off" class="layui-input"/>
						</div>
					</div>
					
					</div>
					 

                

				</form>
			</blockquote>
			
			
			
			<fieldset class="layui-elem-field" id="detailsTableSet">
				
				
					<table id="detailsTable" lay-filter="rolesInfo">
						
					</table>
				
			</fieldset>
			
				
        </div>
        
       <div th:include="include::common"></div>

        <script th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
		<script type="text/javascript" th:src="@{/plugins/layui/layui.js}"></script>
		<script th:src="@{/js/appjs/trade/query/tradeDetailForMcht.js}"></script>
<script>
layui.use('form', function(){
	
	
//var form = layui.form(); //只有执行了这一步，部分表单元素才会修饰成功 

});

layui.use('laydate', function(){
	var laydate = layui.laydate;
	laydate.render({ 
		  elem: '#tradeDateBegin'
		  ,type: 'date'
		});
	laydate.render({ 
		  elem: '#tradeDateEnd'
		  ,type: 'date'
		});
	});


function showmore(){

	 if($("#morecondition").attr("style")==="display:''"){
		 $("#morecondition").attr("style","display:none");
		 $("#showorhide").text("展开查询条件");
		 $("#iconid").attr("class","layui-icon layui-icon-down");
		 
	 }else{
		 $("#morecondition").attr("style","display:''");
		 $("#showorhide").text("收起查询条件");
		 $("#iconid").attr("class","layui-icon layui-icon-up");
	 }
	
}
</script>
		
		<script>
/* 		layui.use('laypage', function(){
		  var laypage = layui.laypage;
		  //执行一个laypage实例
		  laypage.render({
		    elem: 'paged' //注意，这里的 test1 是 ID，不用加 # 号
		    ,count: 50 //数据总数，从服务端得到
		    ,jump:function(obj, first){
		    	console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
		    	console.log(obj.limit); //得到每页显示的条数
		    	//首次不执行
		    	if(!first){
		    	//do something
		    	}
		    }
		  });
		}); */
		</script>
		
	</body>

</html>